<template>
  <dir class="main">
    <my-header />
    <my-content-top />
    <my-content-bottom />
    <my-footer />
    <my-main />
  </dir>
</template>

<script>
import MyHeader from '@/components/header/index.vue'
import MyContentTop from '@/components/content/top/index.vue'
import MyContentBottom from '@/components/content/bottom/index.vue'
import MyFooter from '@/components/footer/index.vue'
import MyMain from '@/components/main/index.vue'
export default {
  components: {
    MyHeader,
    MyContentTop,
    MyContentBottom,
    MyFooter,
    MyMain
  }
}
</script>

<style lang="stylus" scoped>
.main
  padding 0
</style>
